<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link href="../static/css/smartsite/css/bootstrap.min.css" th:href="@{/css/smartsite/css/bootstrap.min.css}" rel="stylesheet">
    <link rel="stylesheet" href="../static/css/smartsite/css/reset.css" th:href="@{/css/smartsite/css/reset.css}">
    <link rel="stylesheet" href="../static/css/smartsite/css/all.css" th:href="@{/css/smartsite/css/all.css}">
</head>

<body>
    <!-- 升降机 -->
    <div class="row rowmain">
        <div class="col-md-7 left bg">
            <div id="panel" class="scrollbar1">
                <select id="myList">
                </select>
            </div>
            <div class="map-bg"></div>
            <div class="map-view" id="bd-map1"></div>
            <div class="search-box">
                <input id="projectName" type="text" placeholder="请输入项目名称进行搜索">
                <span>搜索</span>
            </div>
            <div class="nav-left">
                <div style="width: 100%; height: 95%; overflow: hidden;">
                    <ul class="address-box">
                        <li>市辖区</li>
                        <li>陵水县</li>
                    </ul>
                    <ul class="projectList" style=" height: 80%;">
                        <li>
                            <div class="left">
                                <img src="../static/img/smartsite/images/toc.png" th:src="@{/img/smartsite/images/toc.png}" alt="">
                            </div>
                            <div class="right"><span>海南清水湾B11-1、B11-2区2栋公寓</span></div>
                        </li>
                        <li>
                            <div class="left">
                                <img src="../static/img/smartsite/images/toc.png" th:src="@{/img/smartsite/images/toc.png}" alt="">
                            </div>
                            <div class="right"><span>海航YOHO湾(A1,A2,A3,A5,A6,地下室)</span></div>
                        </li>
                        <li>
                            <div class="left">
                                <img src="../static/img/smartsite/images/toc.png" th:src="@{/img/smartsite/images/toc.png}" alt="">
                            </div>
                            <div class="right"><span>雅居乐金沙湾健康教育新城项目A1401地块</span></div>
                        </li>
                    </ul>
                </div>
            </div>

        </div>
        <div class="col-md-4 right">
            <div class="tajirightBox1">
                <ul class="b1-ul">
                    <li><span>1</span>
                        <p>设备总台数</p>
                    </li>
                    <li><span>0</span>
                        <p>在线</p>
                    </li>
                    <li><span>1</span>
                        <p>离线</p>
                    </li>
                    <li><span>0</span>
                        <p>报警</p>
                    </li>
                    <li></li>
                </ul>
                <!-- <div class="gss">
                                <img src="./images/tajia6.png" alt="">
                                <span class="text">钢丝绳报警</span>
                                <span class="num">0</span>
                            </div> -->
            </div>
            <div class="rightBox2">
                <p>升降机设备分布统计</p>
                <div id="shengjiangji"></div>
            </div>
        </div>
    </div>
    <script src="../static/js/jquery.min.js" th:src="@{/js/jquery.min.js}"></script>
    <script src="../static/js/bootstrap.min.js" th:src="@{/js/bootstrap.min.js}"></script>
    <script src="../static/js/smartsite/js/echarts@3.1.9.js" th:src="@{/js/smartsite/js/echarts@3.1.9.js}"></script>
    <script src="../static/ruoyi/js/ry-ui.js" th:src="@{/ruoyi/js/ry-ui.js?v=3.2.0}"></script>
    <script type="text/javascript " src="http://api.map.baidu.com/api?v=3.0&ak=GwR0pmB89u6PBqMjzAPSSzIibKSnChWF ">
    </script>
    <script type="text/javascript "
        src="http://api.map.baidu.com/library/TextIconOverlay/1.2/src/TextIconOverlay_min.js "></script>
    <script type="text/javascript "
        src="http://api.map.baidu.com/library/MarkerClusterer/1.2/src/MarkerClusterer_min.js "></script>
    <script src="../static/js/smartsite/js/shengjiangjimap.js" th:src="@{/js/smartsite/js/shengjiangjimap.js}"> </script>
</body>

</html>